<template>
  <div class="main">
    <el-dialog title="重置密码" :visible.sync="dialogResetVisible" :close-on-click-modal="false" custom-class="customClass">
      <div class="delete">
        <div>
          <img src="../../assets/images/delete.png">
          <span class="text">是否重置该用户的密码？</span>
        </div>
        <!-- <div class="dis">{{ dislogName }}删除后，{{ dislogName }}中所有的数据也将被删除。</div> -->
      </div>
      <div class="footer">
        <div class="cancel" @click="cancel">
          <span>取消</span>
        </div>
        <div class="sure" @click="resetData">
          <span>重置</span>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script>

export default {
  name: 'ResetDialog',
  props: {
    dialogResetVisible: {
      type: Boolean,
      default: false
    },
    // title: {
    //   type: String,
    //   default: '删除'
    // },
    dislogName: {
      type: String,
      default: ''
    }
  },
  data() {
    return {

    }
  },
  computed: {},
  watch: {},
  mounted() {},

  methods: {
    cancel() {
      this.$emit('funsetcancl', this.dialogResetVisible)
    },
    resetData() {
      this.$emit('funcreset', this.dialogResetVisible)
    }

  }
}
</script>
<style lang="scss" scoped>
@import '../../styles/variables';
.main{
  margin: 24px 20px 0 20px;
  padding-top: 1px;
  .delete{
    margin: -25px 0 26px 64px;
    .dis{
      font-size: 14px;
      font-weight: 400;
      color: rgba(255,255,255,0.63);
      padding: 10px 0 0 29px;
    }
    div{
      .text{
        font-size: 14px;
        font-weight: 600;
        color: rgba(255,255,255,1);
        position: absolute;
        margin: 3px 0 0 9px;
      }
    }
  }
}
.span-ellipsis{
  width: 100%;
  font-size:12px;
  font-weight:400;
  color:rgba(255, 255, 255, 0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
</style>

